.armlList {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding-right: 20px;
    height: 90%;
    overflow: hidden;
    overflow-y: auto;

    .item {
        display: flex;

        .converUrl {
            width: auto !important;
            height: 64px;
            margin-right: 12px;
            border-radius: 4px;
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .r-item {
            flex: 1 1 0%;
            overflow: hidden;

            .title {
                color: #1d2129;
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                padding-bottom: 10px;

                &:hover {
                    color: var(--primary-color);
                }
            }

            .des {
                font-size: 14px;
                color: #86909c;
                line-height: 18px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 10px;
            }

            .time {
                font-size: 12px;
                color: #86909c;
                line-height: 16px;
            }
        }
    }

    .icon-box {
        display: flex;
        align-items: center;

        .iconfont {
            cursor: pointer;
            font-size: 18px;
            &:first-child {
           margin-right: 10px;
       }

       &:last-child {
           color: var(--primary-color)
       }
        }

    }
}